<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="Description" content="《穿越火线手游》为CF原班团队历时3年精心打造，将三亿鼠标的枪战梦想延续到手机上。CF正版FPS手游，原汁原味，传承经典，火爆开战，纯正的枪战血统！" />
    <meta name="Keywords" content="荒岛特训,CF手游,穿越火线手游,穿越火线手游官网,CF正版官方手游,穿越火线手游下载,腾讯穿越火线手游" />
    <title>火线腾飞 春回启新章-穿越火线手游官方网站 - 腾讯游戏</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./font_3870033_zmq2w0dwb4m/iconfont.css" />
  </head>
  <body>
    <!-- 首页模块 -->
    <div class="cf-idx">
      <!-- 顶部导航栏 -->
      <div class="top">
        <div class="weapper">
          <div class="log">
            <a href="#"><img src="./images/logo.png" alt="" /></a>
            <div class="text">
              <strong>穿越火线-枪战王者</strong>
              <span>CF正版FPS手游</span>
            </div>
            <div class="below"></div>
          </div>
          <a href="#" class="skip"></a>
        </div>
      </div>
      <!-- 下载游戏二维码 -->
      <div class="download">
        <div class="box">
          <div class="yard">
            <img src="./images/code.jpg" alt="" />
            <p>扫码下载游戏</p>
          </div>
          <div class="links">
            <a href="#"> <div class="apple"></div></a>
            <a href="#"> <div class="android"></div></a>
          </div>
        </div>
      </div>
      <!-- 下方下一页 -->
      <div class="box1">
        <div class="nextPage"></div>
      </div>
    </div>
    <!-- 新玩法模块 -->
    <div class="cf-new">
      <div class="box1">
        <!-- 新玩法页面图片 -->
        <div class="introduce"></div>
        <!-- 新玩法详情 -->
        <div class="particulars">
          <a href="#"> <img src="./images/p2-pic1.png" alt="" class="oneA" /></a>
          <a href="#"> <img src="./images/p2-pic2.png" alt="" class="towA" /></a>
          <a href="#"> <img src="./images/p2-pic3.png" alt="" class="shreeA" /></a>
          <div class="ctt">
            <img src="./images/p2-picbig1.png" alt="" class="imgOne" />
            <img src="./images/p2-picbig2.png" alt="" class="imgTow" />
            <img src="./images/p2-picbig3.png" alt="" class="imgShree" />
          </div>
        </div>
      </div>
      <div class="aoe1"></div>
      <div class="aoe2"></div>
      <img src="./images/p2-tag1.png" alt="" class="leftCat" />
      <img src="./images/p2-tag2.png" alt="" class="rightCat" />
      <!-- 下方下一页 -->
      <div class="pgd">
        <div class="nextPage"></div>
      </div>
    </div>
    <!-- 生化更新模块 -->
    <div class="cf-bhy">
      <div class="wrapper">
        <div class="headline"></div>
        <div class="pcs">
          <img src="./images/p3-pic.png" alt="" />
        </div>
        <div class="update"><a href="#"></a></div>

        <!-- 下方下一页 -->
        <div class="pgd">
          <div class="nextPage"></div>
        </div>
      </div>
      <!-- 彩带花定位 -->
      <div class="aoe3"></div>
      <div class="aoe4"></div>
      <div class="aoe5"></div>
    </div>
    <!-- 新赛季模块 -->
    <div class="cf-newalis">
      <div class="wrapper">
        <!-- 左边介绍 -->
        <div class="leftBox">
          <div class="headline3"></div>
          <img src="./images/p4-pic1.png" alt="" />
        </div>
        <div class="rightBox">
          <img src="./images/p4-pic2.png" alt="" class="rabbit" />
          <div class="ranking">
            <h1>排位赛地图调整</h1>
            <!-- 排位分类时 -->
            <div class="classify">
              <span class="span1 clr">自由排位</span>
              <span class="span2">职业排位</span>
            </div>
            <div class="pis">
              <img src="./images/p4-piczy.png" alt="" class="img1" />
              <img src="./images/p4-piczhiye.png" alt="" style="display: none" class="img2" />
            </div>
          </div>
        </div>
      </div>
      <!-- 下方下一页 -->
      <div class="pgd">
        <div class="nextPage"></div>
      </div>
    </div>
    <!-- 新武器模块-->
    <div class="cf-neweapon">
      <img src="./images/p5-bg.png" alt="" class="centre" />
      <div class="wrapper">
        <!-- 标题 -->
        <span class="hde"></span>
        <!-- 武器详情 -->
        <div class="single">
          <img src="./images/p5-pica10.png" alt="" />
          <img src="./images/p5-pica11.png" alt="" style="display: none" />
          <img src="./images/p5-pica8.png" alt="" style="display: none" />
        </div>

        <div class="all">
          <ul>
            <li class="amplify"><img src="./images/p5-picsmalla10.png" alt="" /></li>
            <li><img src="./images/p5-picsmalla11.png" alt="" /></li>
            <li><img src="./images/p5-picsmalla8.png" alt="" /></li>
          </ul>
        </div>
      </div>
      <div class="doll">
        <span>玩偶枪械强悍来临</span>
      </div>
      <!-- 下方下一页 -->
      <div class="pgd">
        <div class="nextPage"></div>
      </div>
    </div>
    <!-- 新角色模块 -->
    <div class="cf-newrole">
      <!-- 背景 -->
      <img src="./images/p6-boxbg.png" alt="" class="bgd" />
      <div class="wrapper">
        <!-- 标题 -->
        <div class="hde"></div>
        <!-- 左边人物、物品 -->
        <div class="leftRole">
          <ul>
            <li class="amplify"><img src="./images/p6-picsm2.png" alt="" /></li>
            <li><img src="./images/p6-picsm3.png" alt="" /></li>
            <li><img src="./images/p6-picsm1.png" alt="" /></li>
          </ul>
        </div>
        <!-- 右边介绍 -->
        <div class="rigthHdc">
          <img src="./images/p6-pic2.png" alt="" />
          <img src="./images/p6-pic3.png" alt="" style="display: none" />
          <img src="./images/p6-pic1.png" alt="" style="display: none" />
        </div>
      </div>
    </div>

    <!-- 侧边分页栏 -->
    <div class="sidebar">
      <ul>
        <li class="li1">
          <img src="./images/btnnav1.png" alt="" data-name="idx" />
          <img src="./images/btnnavcurr1.png" alt="" class="shows" data-name="idx" />
        </li>
        <li class="li2">
          <img src="./images/btnnav2.png" alt="" data-name="new" />
          <img src="./images/btnnavcurr2.png" alt="" data-name="new" />
        </li>
        <li class="li3">
          <img src="./images/btnnav3.png" alt="" data-name="bhy" />
          <img src="./images/btnnavcurr3.png" alt="" data-name="bhy" />
        </li>
        <li class="li4">
          <img src="./images/btnnav4.png" alt="" data-name="newalis" />
          <img src="./images/btnnavcurr4.png" alt="" data-name="newalis" />
        </li>
        <li class="li5">
          <img src="./images/btnnav5.png" alt="" data-name="neweapon" />
          <img src="./images/btnnavcurr5.png" alt="" data-name="neweapon" />
        </li>
        <li class="li6">
          <img src="./images/btnnav6.png" alt="" data-name="newrole" />
          <img src="./images/btnnavcurr6.png" alt="" data-name="newrole" />
        </li>
        <li class="">
          <span class="iconfont icon-shangsanjiao" data-id="return"></span>
          <ins data-id="return">返回顶部</ins>
        </li>
      </ul>
    </div>
    <script src="./lib/jquery.js"></script>
    <script src="./index.js"></script>
  </body>
</html>
